<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<%
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+request.getContextPath()+"/";
%>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>公共参数页面</title>
<script type="text/javascript">
    var basePath = '<%=basePath%>';
</script>
<script type="text/javascript" src="<%=basePath%>static/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="<%=basePath%>static/js/layer/layui/layui.js"></script>
<script type="text/javascript" src="<%=basePath%>static/js/common.js"></script>
<script type="text/javascript" src="<%=basePath%>static/js/addComm.js"></script>
<link rel="stylesheet" type="text/css" href="<%=basePath%>static/js/layer/layui/css/layui.css">
<style type="text/css">
 #box{width:99%; margin-top: 10px;}
 .lay-ra{ margin: 100px;}
 table, th, td{border: 1px solid #899A90;}
 table{border-collapse:collapse; width: 100%; margin: 0 20px 0 10px;}
 table tr th{ height: 35px; color: #4d6256;}
 table th td {text-align: right;}
 table td input{height: 35px; padding-left:15px; border: none;}
 .layui-form-item{float: left; clear: none; color: #4d6256 ;}
 .back-input{ background-color: #dbe4de;}
 .dis-none{display: none;}
 .dis-show{display: block;}
 .addtr{border: 0px solid #000; text-align: right; margin: 3px 0 0 10px; padding-right: -50px;}
 .del-icon{margin-left: 5px;}
 .edit-icon{margin-left: 3px;}
 .btn{text-align: center;}
 .btn button{margin:5px 40px;}
</style>	
</head>
<body>
	<div id="box">
		<form class="layui-form" action="">
			<div class="layui-form-item">
				<label class="layui-form-label">数据结构</label>
					<input type="checkbox" name="multistep" title="是否多层级结构">
			</div>
			<div class="layui-form-item">
				<div class="layui-input-block"> 
					<input type="radio" name="args" value="0" title="请求参数" checked> 
					<input type="radio" name="args" value="1" title="响应参数">
				</div>
			</div>
			<div class="layui-form-item">
				<div class="layui-input-block"> 
					<label class="layui-form-label">启用编辑</label>
					<input type="checkbox" name="switch" lay-skin="switch">
				</div>
			</div>
			<span class="dis-none"></span>
			<table class="table">
				<thead>
					<!--  tr>
						<th id='e1'>元素名称</th>
						<th id='e2'>父元素名称</th>
						<th id='e3'>约束</th>
						<th id='e4'>长度</th>
						<th id='e5'>数据类型</th>
						<th id='e6'>描述</th>
						<th id='e7'>取值说明</th>
					</tr-->
				</thead>
				<tbody>
					<!--tr>
						<td><input type="text" value="num"></td>
						<td><input type="text" value="无"></td>
						<td><input type="text" value="1"></td>
						<td><input type="text" value="v10"></td>
						<td><input type="text" value="String"></td>
						<td><input type="text" value="手机号"></td>
						<td><input type="text" value="登录号码"></td>
					</tr-->
				</tbody>
			</table>
			<div class='addtr'><i class="layui-icon" style="font-size: 35px;color: #d13620;margin-right:-15px;" title="增加空行">&#xe608;</i></div>
		</form>
			<div class='btn'>
				<button class="layui-btn layui-btn-normal layui-btn-radius layui-btn-lg save" title="保存"><i  class="layui-icon" style="font-size: 30px;">&#xe618;</i></button>
				<button class="layui-btn layui-btn-danger layui-btn-radius layui-btn-lg clear" title="清空所有">clearAll</button>
			</div>
	</div>
</body>
<script>
//Demo
layui.use('form', function(){
  var form = layui.form;
  
  //监听提交
  form.on('submit(formDemo)', function(data){
    layer.msg(JSON.stringify(data.field));
    return false;
  });
});
</script>
</html>